"use client";

import { useUser } from '@auth0/nextjs-auth0/client';

export default function ProfileUpdater() {
  const { user, error, isLoading, invalidate } = useUser();

  if (isLoading) return <div>Loading...</div>;
  if (error) return <div>{error.message}</div>;

  const handleUpdateProfile = async () => {
    // Perform profile update logic...
    // const response = await fetch('/api/update-profile', { method: 'POST', ... });

    // After successful update, invalidate the user cache to refetch
    // invalidate(); // <--- Call invalidate here
    // Or use mutate directly if you have the updated user data
    // invalidate(updatedUserData, false); // Update local data immediately, don't revalidate
  };

  return (
    user && (
      <div>
        <h1>Welcome {user.name}!</h1>
        <button onClick={handleUpdateProfile}>Update Profile & Refresh</button>
      </div>
    )
  );
}